#@layout()
#define css()
#end
#define main()
<body style="margin: 0px">
<div id="app">
    <el-container>
        <el-aside width="150px">
            <!--            <el-headr>-->
            <!--                <el-image src="/image?id=7e63791d742b64cb0e54c42122274505" style="height: 65px"-->
            <!--                          @click="window.location.href='/'"></el-image>-->
            <!--            </el-headr>-->
            <el-menu :default-openeds="['1','2','4']">
                <!--                <el-submenu index="1">-->
                <!--                    <template slot="title"><i class="el-icon-user"></i>商品管理</template>-->
                <!--                    <el-menu-item index="1-1" @click="changeTab('goodsAll')">全部</el-menu-item>-->
                <!--                </el-submenu>-->
                <el-menu-item index="1-1" @click="changeTab('authorizeCode')"> 授权码</el-menu-item>
            </el-menu>
        </el-aside>
        <el-container>
            <el-main>
                <el-container>
                    <el-main>
                        <div v-show="activeFun == 'image'">
                            #render('../image/list.html')
                        </div>
                        <div v-show="activeFun == 'authorizeCode'">
                            #render('../authorizeCode/list.html')
                        </div>
                    </el-main>
                </el-container>
            </el-main>
            <el-footer></el-footer>
        </el-container>
    </el-container>
</div>
</body>
#end
#define script()
<script src="/image/list.js"></script>
<script src="/authorizeCode/list.js"></script>

<script>
    #render("/js/util.js")
</script>
<script>
    var vm = new Vue({
        el: '#app',
        data: function () {
            return {
                activeFun: ''
            }
        },
        methods: {
            changeTab(name, data) {
                console.log(name)
                this.activeFun = name
                if (name == 'image') {
                    this.changeToImage();
                }
                if (name == 'authorizeCode') {
                    this.changeToAuthorizeCode();
                }
            },
            tableHeadClass() {
                return 'text-align: center;background:#eef1f6;'
            }, tableRowClass() {
                return 'text-align: center;'
            },
        }, mounted: function () {
            this.changeTab("authorizeCode")
        }
    })
</script>
#end